<template>
    <umrp-page bg-color="#f2f2f2">
        <umrp-title-bar>
            <umrp-icon name="left" v-route="'XiaolankaClientHome'"></umrp-icon>
            <umrp-text>购物车</umrp-text>
        </umrp-title-bar>
        <umrp-container padding="10px">
            <umrp-card :border="false">
                <template #title>
                    <umrp-container padding="10px 10px 0" direction="horizonal" justify="end">
                        <umrp-text>清空</umrp-text>
                    </umrp-container>
                    <umrp-divider></umrp-divider>
                </template>
                <umrp-container :gap="10">
                    <umrp-checkbox v-for="_ in 5">
                        <umrp-media>
                            <umrp-text :size="12" bold>瑞幸即溶咖啡2.3g加量装太空杯 F...</umrp-text>
                            <umrp-text :size="12">加浓混合1盒18杯 加赠2杯咖啡液 到手20杯</umrp-text>
                            <umrp-container direction="horizonal" justify="between">
                                <umrp-text color="red" :size="12">￥66 预估到手价</umrp-text>
                                <umrp-number-box></umrp-number-box>
                                <!-- <umrp-text>￥99</umrp-text> -->
                            </umrp-container>
                        </umrp-media>
                    </umrp-checkbox>
                </umrp-container>
            </umrp-card>
        </umrp-container>
        <umrp-action-bar>
            <umrp-container padding="10px" direction="horizonal" justify="between">
                <umrp-space direction="vertical">
                    <umrp-text>合计：￥66</umrp-text>
                    <umrp-text color="red">已优惠￥33</umrp-text>
                </umrp-space>
                <umrp-button type="primary">去结算</umrp-button>
            </umrp-container>
        </umrp-action-bar>
    </umrp-page>
</template>